<html>
<head>
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />

<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="NKit.js"></script>
<script type="text/javascript" src="javascript.js"></script>

        <script type="text/javascript">
        // Give Page a NKNavigationController Title
        var navController = new NKNavigationController();
        navController.setTitle("NKAlert");
        </script>

</head>

<body>
<script type="text/javascript">
// Show NKAlert ----------------------------------------------
// This function, when called will show a NKAlert
function showAlert()
{
	NKAlert("Alert Title", "Your message goes here");
}
</script>

<div class="greybutton" onClick="showAlert();">Show NKAlert</div>


<div class="infobox">
<h1>NKAlert</h1>
<h2>Description</h2>
<p>NKAlert shows alert with provided title and message </p>
<h2>Usage</h2>
<p>NKAlert("title", "message")</p>
<h2>Example</h2>
<p class="code">&lt;a href="#" onClick="showAlert();"&gt;Show NKAlert&lt;/a&gt;</p>
<p>When the link is clicked, the "showAlert" function is called &amp; the alert is displayed:</p>
<p class="code">function showAlert()<br />{<br />NKAlert("Alert Title", "Your message goes here");<br />}</p>
</div>


</body>
</html>